 <!-- 新闻列表 -->
 <script lang="ts">
 export default {
   name: "hjcwindex",
 };
 </script>
 <template>
   <div class="page-box h100 display-flex czbj">
     <div>
       <dxtable :headBtn="headBtn" :dataJson="dataJson" :portUrl="portUrl" :qx="qx" ref="databale" :czFun="czFun"></dxtable>
     </div>
   </div>
   <n-modal v-model:show="showModal" preset="card" class="dsfsdrewrewe" >
     <template #header>
       <div>浏览二维码</div>
     </template>
     <div>
       <img :src="qcosertt" class="fsdfereertr">
     </div>
     <template #action>
       <div class="tr">
         <n-button @click="showModal=false"> 关闭 </n-button>
       </div>
     </template>
   </n-modal>
 </template>
 <script lang='ts' setup>
 import dxtable from "../../components/util/dxtable.vue";
 import sort from "../../components/util/sort.vue";
 import { dxget, dxpost, qurl, hf } from "../../util/index";
 import { h, ref, reactive, onBeforeUpdate } from "vue";
 import { NButton } from "naive-ui"
 const props = defineProps({
   pup: { type: String },
 });
 const showModal = ref(false)
 const qcosertt = ref()
 let portUrl = "hjcw/hjcwyuyue";
 let headBtn = [];
 const zdList = ref()
 const databale = ref();
 const videourl = ref()
 const typeli = ref([])
 const initeer = () => {
   databale.value.initDataExpose();
 };
 const emit = defineEmits(["callBack"]);
 // 弹窗公用该列表
 let dataJson = reactive([
   {
     title: "id",
     key: "id",
     width: 50,
   },
 
   {
     title: "项目名",
     search: true, // 是否在搜索栏展示
     key: "projectName",
   },
   {
     title: "姓名",
     search: true, // 是否在搜索栏展示
     key: "name",
   },
   {
     title: "身份证",
     key: "identityCard",
   },
   {
     title: "手机号码",
     key: "phone",
   },
   {
     title: "地址",
     key: "site",
   },

   {
     title: "排序",
     width: 100,
     render(row) {
       row.databaseName = "hjcwindex";
       return h(sort, {
         row,
         onCallBack: () => {
           initeer();
         },
       });
     },
   },
   {
     title: "添加时间",
     key: "addTime",
     width: "140",
     type: "daterange",
   },
 ]);
 
 const qx = {
   DeletePermissionID: "hjcwindexdel", //删除
   EditPermissionIdentifier: "hjcwindexbjer", // 编辑
   NewPermissionIdentifier: "hjcwindexxzer", // 新建
   ViewPermissionID: "hjcwindexck", // 查看
 };

 const czFun = {
    fun: (row) => {
        const userType = row.userType
        return [
           
            h(
                NButton,
                {
                    type: "info",
                    quaternary: true,
                    onClick: async (e) => {
                        hf('hjcwparticulars?id='+row.id)
                    },
                },
                "详情"
            ),
        ];
    },
};
 </script>
 <style scoped>
 .fsdfereertr{
   width: 100%;
   height: 360px;
 }
 </style>
   
   
   